<extend name="./Public/Home/master.html"/>
<block name="title">
    </div>

    </div>
    <!--导航结束-->
    <div class="clear"></div>

    </div>
    <link rel="stylesheet" href="__PUBLIC__/Home/layer/skin/default/layer.css">
    <script src="__PUBLIC__/Home/layer/layer.js" type="text/javascript" charset="utf-8"></script>

    <!--<link rel="stylesheet" href="__PUBLIC__/Home/layer/skin/default/layer.css">-->
    <!--<script src="__PUBLIC__/Home/layer/layer.js"></script>-->
    <script>
        $(function(){
            area.init('area');
            //默认选中效果
            area.selected('湖南','长沙','雨花区');
        })
    </script>
    <!--头部结束-->
    <!--中间开始-->
    <div class="body-center">
        <div class="center-content">
            <!--头部开始-->
            <div class="content-header">
                <p>收获地址  <span>温馨提示：为了保证您的权益，防止黄牛倒卖，订单进入正在配货状态将不能修改收货地址和发票信息！</span></p>
            </div>
            <!--头部结束-->
            <!--地址选择开始-->
            <div class="content-address">
                <div class="addressList">
                    <foreach name="oldUserData" item="vo" key="k">
                    <div class="consignee-item">
                        <span class="radio-img <if condition="$vo['status']==1"> pitchOn </if>"></span>
                        <label for="adress1" class="radio">
                            <input type="radio" name="adress" id="adress1" class="radio-select" value=""/><span class="e-name">{$vo['name']}</span>，<span class="city">{$vo['city']}</span><span class="city-particular">{$vo['addess']}</span>，<span class="codeNumber">{$vo['phone']}</span>
                            <input type="hidden" class="postcodes" name="postcodes" value="{$vo['postcodes']}">
                        </label>
                        <span class="compile"><a class="copyreader" href="javascript:;" adid="{$vo['adid']}">编辑</a></span>
                    </div>
                    </foreach>
                </div>
                <!--添加新地址-->

                <div class="consignee-item new-ress addAdress_span">
                    <span class="radio-img"></span>
                    <label for="adress3" class="radio"><input type="radio" name="adress" id="adress3" class="radio-select"  value=""/>使用新地址</label>
                </div>
                <!--添加地址框-->
                <div class="add-address new addAdress_form">
                    <form id="form" action="" method="post">
                        <div class="s-name">
                            <h3 class="style"><b>*</b>收货人姓名</h3>
                            <input type="text" class="public" name="name" id="name" placeholder="收货人姓名" value="" />
                        </div>
                        <div class="address-s">
                            <h3 class="style"><b>*</b>地址</h3>

                            <!--城市联动-->
                            <select name="city[]" id="area1"></select>
                            <select name="city[]" id="area2"></select>
                            <select name="city[]" id="area3"></select>
                            <!--<input type="text" name="name" id="name" placeholder="收货人姓名" value="" />-->
                            <textarea name="addess" placeholder="路名或街道地址，门牌号 " id="particular" rows="" cols=""></textarea>
                        </div>

                        <div class="postcode">
                            <h3 class="style"><b>&nbsp;</b>邮政编码</h3>
                            <input type="text" class="public" name="postcodes" id="postcode" placeholder="6位邮政编码" value="" />
                        </div>
                        <div class="shouji">
                            <h3 class="style"><b>*</b>手机号码 </h3>
                            <input type="text" class="public" name="phone" id="shouji" placeholder="11位手机号码" value="" />
                        </div>
                        <div class="btn-group">
                            <input type="submit"  class="btn" id="btn-bao" value="保存"/>
                            <a href="javascript:;" class="btn-qu btn">取消</a>
                        </div>

                    </form>
                </div>

                <!--异步添加地址选择开始-->
                <script>
                    $(function(){
                        $('#form').submit(function(){
//                        序列化获得当前的表单数据
                            var data =$(this).serialize();
                            $.post("{:U('ajaxAddadess')}",data,function(res){
//                            当res为真时
                                if(res){
//                                让添加地址按钮显示
                                    $('.new-address').show();
//                                让添加地址框隐藏，选项隐藏
                                    $('.new-ress,.new').hide();
//                                防止页面刷，新将添加好的地址放入收货地址中
                                    var  html = ' <div class="consignee-item">'+
                                        ' <span class="radio-img pitchOn"></span>'+
                                        '<label for="adress1" class="radio">'+
                                        '<input type="radio" name="adress" id="adress1" class="radio-select" value=""/><span class="e-name">'+res.name+'</span>，<span class="city">'+res.city+'</span><span class="city-particular">'+res.addess+'</span>，<span class="codeNumber">'+res.phone+'</span>'+
                                        '</label>'+
                                        '<span class="compile"><a class="copyreader" href="javascript:;" adid="'+res.adid+'">编辑</a></span>'+
                                        '</div>';
//                                将收货地址中的选中取消
                                    $('.consignee-item .radio-img').removeClass('pitchOn');
//                                将添加好的这条放入收货地址中
                                    $('.addressList').append(html);
//                                 将编辑的地址抓取到底部显示
                                    setAddress($('.consignee-item .copyreader[adid='+res.adid+']'));
                                }else if(res==0){
//                                添加失败
                                    layer.msg('很抱歉！添加失败，请完整填写地址内容',function(){
                                    });
                                    return false;
                                }

                            },'json');
//                        阻止表单提交
                            return false;
                        })
                    })
                </script>
                <!--异步添加地址选择结束-->

                <!--添加地址按钮-->
                <a href="javascript:;" class="new-address "></a>
                <!--添加新地址结束-->
                <!--编辑开始-->
                <div class="add-address edit">
                    <form action="" method="post">
                        <div class="s-name">
                            <h3 class="style"><b>*</b>收货人姓名</h3>
                            <input type="text" class="public" name="name" id="name" placeholder="收货人姓名" value="" />
                        </div>
                        <div class="address-s">
                            <h3 class="style"><b>*</b>地址</h3>

                            <!--城市联动-->
                            <select name="city[]" id="area_1"></select>
                            <select name="city[]" id="area_2"></select>
                            <select name="city[]" id="area_3"></select>
                            <!--<input type="text" name="name" id="name" placeholder="收货人姓名" value="" />-->
                            <textarea name="addess" placeholder="路名或街道地址，门牌号 " id="particular" rows="" cols=""></textarea>
                        </div>

                        <div class="postcode">
                            <h3 class="style"><b>&nbsp;</b>邮政编码</h3>
                            <input type="text" class="public" name="postcodes" id="postcode" placeholder="6位邮政编码" value="" />
                        </div>
                        <div class="shouji">
                            <h3 class="style"><b>*</b>手机号码 </h3>
                            <input type="text" class="public" name="phone" id="shouji" placeholder="11位手机号码" value="" />
                        </div>
                        <div class="btn-group">
                            <!--用js将当前编辑的这一条的adid抓过来-->
                            <input type="hidden" id="adid" name="adid"  value="1">
                            <input type="submit"  class="btn" id="btn-bao" value="保存"/>
                            <a href="javascript:;" class="btn-qu btn">取消</a>
                        </div>

                    </form>
                </div>
            </div>
            <!--地址选择结束-->
            <!--地址编辑开始-->
            <script>
                $(function(){
//                    定义表单事件
                    $('.edit form').submit(function () {
//                        序列化当前的表单的数据
                      var data = $(this).serialize();
//                      发送ajax请求
                        $.post('ajaxEditAddess',data,function (res) {
//                            对结果进行处理
                            if(res){
//                                让编辑隐藏
                                $('.edit').hide();
//                                抓地址栏的地址内容
                                var  html = ' <div class="consignee-item">'+
                                    ' <span class="radio-img pitchOn"></span>'+
                                    '<label for="adress1" class="radio">'+
                                    '<input type="radio" name="adress" id="adress1" class="radio-select" value=""/><span class="e-name">'+res.name+'</span>，<span class="city">'+res.city+'</span><span class="city-particular">'+res.addess+'</span>，<span class="codeNumber">'+res.phone+'</span>'+
                                    '<input type="hidden" class="postcodes" name="postcodes" value="'+res.postcodes+'">'+
                                    '</label>'+
                                    '<span class="compile"><a class="copyreader" href="javascript:;" adid="'+res.adid+'">编辑</a></span>'+
                                    '</div>';
//                                将新编辑成功的写入地址栏，指定的 HTML 内容或元素替换被选元素。
                                $('.addressList .consignee-item .copyreader[adid='+res.adid+']').parents('.consignee-item').replaceWith(html);
//                                让其他兄弟元素的背景图消失
                                $('.consignee-item').find('.radio-img').removeClass('pitchOn');
//                                选中所编辑的地址
                                $('.consignee-item .copyreader[adid='+res.adid+']').parents('.consignee-item').find('.radio-img').addClass('pitchOn');
//                                将编辑的地址抓取到底部显示
                                setAddress($('.consignee-item .copyreader[adid='+res.adid+']'));
                            }else if(res==0){
//                                  添加失败
                                    layer.msg('很抱歉！添加失败，请完整填写地址内容');
                            }
                        },'json')
//                        阻止表单提交
                        return false;
                    })
                })
            </script>
            <!--地址编辑结束-->
            <!--订单表单开始-->
            <form action="{:U('Home/MyCenter/index')}" method="post">
            <!--选项开始-->
            <div class="options">
                <!--<input type="text" name="name" value="454313">-->
                <div class="options-all">
                    <div class="payment options-public">
                        <h3>支付方式</h3>
                    </div>
                    <div class="consignee-item new-ress">
                        <span class="radio-img pitchOn"></span>
                        <label for="payment" class="radio w122"><input type="radio" name="payment" id="payment" class="radio-select"  value=""/>在线支付</label>
                    </div>
                </div>
                <div class="options-all">
                    <div class="distribution options-public">
                        <h3>配送方式</h3>
                    </div>
                    <div class="consignee-item new-ress">
                        <span class="radio-img pitchOn"></span>
                        <label for="distribution" class="radio w122"><input type="radio" name="distribution" id="distribution" class="radio-select"  value=""/>免费配送</label>
                    </div>
                </div>
                <div class="options-all invoice">
                    <div class=" options-public">
                        <h3>发票信息</h3>
                    </div>
                    <div class="box-all" style="overflow: hidden;">
                        <div class="consignee-item new-ress left">
                            <span class="radio-img pitchOn"></span>
                            <label for="invoice" class="radio w122 no"><input type="radio" name="invoice" id="invoice" class="radio-select "  value=""/>不开发票</label>
                        </div>
                        <div class="consignee-item new-ress left">
                            <span class="radio-img "></span>
                            <label for="invoice1" class="radio w122 yes"><input type="radio" name="invoice" id="invoice1" class="radio-select "  value="1"/>普通发票</label>

                        </div>
                    </div>
                    <div class="con">
                        <div class="text">发票内容：购买商品明细</div>
                        <div class="text">发票抬头：请确认单位名称正确，以免因名称错误耽搁您的报销。</div>
                        <div class="box-all" style="overflow: hidden; margin-top: 10px;">
                            <a href="javascript:;" class="geren tongyong active">个人</a>
                            <a href="javascript:;" class="danwei tongyong">单位</a>
                            <input type="hidden" name="p_or_c" value="个人">
                        </div>
                        <div class="danweiname" >
                            <div class="text">单位名称：</div>
                            <input type="text" name="danweiname" id="danweiname" value="" />
                        </div>
                    </div>
                </div>

            </div>
            <!--选项结束-->
            <div class="options-all  goods">
                <div class="qingdan options-public" style="border: none;">
                    <h3>商品清单</h3>
                </div>
                <div class="goodsList">
                    <div class="title">
                        <ul>
                            <li class="l1">商品名称</li>
                            <li class="l2">单价</li>
                            <li class="l3">数量</li>
                            <li class="l4">合计</li>
                        </ul>
                    </div>
                </div>
                <div class="goods-cont">
                    <ul>
                        <foreach name="orderData['order']" item="vo"  key="k">
                        <li style="padding: 13px;">
                            <div class="gc1">
                                <img src="__ROOT__/{$vo['pic']}"/>
                                <span>{$vo['name']}</span>
                                <input type="hidden" name="orderData[{$k}][gid]" value="{$vo['id']}">
                            </div>
                            <div class="gc2">
                                ¥
                                <span>{$vo['price']}</span>
                                <input type="hidden" name="orderData[{$k}][price]" value="{$vo['price']}">
                            </div>
                            <div class="gc3">
                                X
                                <span>{$vo['num']}</span>
                                <input type="hidden" name="orderData[{$k}][num]" value="{$vo['num']}">
                            </div>
                            <div class="gc4">
                                ¥
                                <span>{$vo['total']}</span>
                                <input type="hidden" name="orderData[{$k}][total]" value="{$vo['total']}">
                            </div>
                        </li>
                        </foreach>
                    </ul>
                </div>


                <!--订单总价格-->
                <input type="hidden" name="order_total_price" value="{$orderData['total']}">
                <!--订单地址aid-->
                <input type="hidden" id="order_aid" name="order_aid" value="1">
                <!--总计-->
                <div class="zongji">
                    <ul>
                        <li>
                            共<span class="color">{$orderData['total_rows']}</span>件
                        </li>
                        <li>
                            金额合计：<span>{$orderData['total']}</span>元
                        </li>
                        <li>
                            优惠抵扣：<span>-0.00</span>元
                        </li>
                        <li>
                            配送费：<span>0</span>元
                        </li>
                        <li style="margin-top: 15px;">
                            <h3>应付总金额：<span class="color">{$orderData['total']}</span>元</h3>
                        </li>
                    </ul>
                </div>

                <!--确认地址-->
                <div class="mailTo">
                    <p>寄送至：<span class="m-city">{$oldMoRenData['city']}</span><span class="m-particular">{$oldMoRenData['addess']}</span></p>
                    <p><span class="m-name">{$oldMoRenData['name']}</span> (收件人) <span class="m-number">{$oldMoRenData['phone']}</span> </p>
                </div>
                <div class="" style="overflow: hidden;">
                    <input style="border: none;cursor: pointer" type="submit" class="liji" value="立即下单">
                </div>

            </div>
            </form>
            <!--订单表单结束-->
        </div>
    </div>

    <!--中间结束-->

</block>